<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>个人资料</title>
		<style>
			.box1{
				height: 600px;
				width: 300px;
				border: 2px solid rgb(212,212,212);
				margin: 0 auto;
			}
			.box1 h2{
				background-color:rgb(236,237,238) ;
				margin-top:0 ;
				line-height: 40px;
				text-indent: 1em;
			}
			.box1 p{
				font-family:"微软雅黑" ;
				text-align: center;
			}
			.box1 img{
				width: 20px;
				height: 20px;
			}
			input[type="button"]{
				display: block;
				margin:10px auto;
				width: 80px;
				height: 30px;
				background: url(img/weibo.png) no-repeat left;
			}
			.box2{
				width: 250px;
				height: 250px;
				border: 2px solid rgb(212,212,212);
				margin:auto;
			}
			.box2 img{
				width: 245px;
				height: 245px;
				border: 4px solid rgb(207,214,212);
				border-radius:30px;
			}
			.box3{
				margin:10px auto;
			}
			.box4{
				width: 300px;
				height: 100px;
				border-top:1px dotted;
				margin: 30px auto;	
				}
			.box4 table{
				margin: 40px auto;	
			}
			.box4 td{
				border: 1px solid rgb(207,214,212);
				border-radius: 5px;
			}
		</style>
	</head>
	<body>
		<div class="box1">
			<h2>个人资料</h2>
			<div class="box2">
				<img src="img/head_iamge.jpg"/>
			</div>
			<p>Mask<img src="img/V.png"/></p>
			<div class="box3">
				<input type="button" value="微博"/>
			</div>
			<div class="box4">
				<table cellpadding="5px" cellspacing="5px">
					<tr>
						<td>加好友</td>
						<td>发纸条</td>
					</tr>
					<tr>
						<td>写留言</td>
						<td>加关注</td>
					</tr>
				</table>
			</div>
		</div>
	</body>
</html>
